// src/assets/css/global.scss
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
}

// 单行文本省略
@mixin ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行文本省略
@mixin multi-ellipsis($lines: 2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lines;
  overflow: hidden;
}

// 使用示例的类
.ellipsis {
  @include ellipsis();
}

.ellipsis-2 {
  @include multi-ellipsis(2);
}

.ellipsis-3 {
  @include multi-ellipsis(3);
}